<!doctype html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>AI聊天机器人</title>
  <!-- 使用相对路径，后续扩展可通过动态注入 <base> 标签修正 -->
  <base href="./" />
  <link rel="stylesheet" href="./index.css" />
  <!-- 固定的 CSP 策略，可根据需要调整 -->
  <meta http-equiv="Content-Security-Policy"
  <meta http-equiv="Content-Security-Policy" content="default-src 'none'; img-src data: https:; connect-src http://47.122.123.198:8088/v1/chat-messages http://127.0.0.1:11434/api/chat ws://127.0.0.1:8088/ https:; script-src 'unsafe-inline' 'unsafe-eval' https:; style-src 'unsafe-inline' https:;">
</head>

<body>
  <div class="chat-container">
    <div class="chat-header">AI 聊天机器人</div>
    <div class="chat-box" id="chat-box"></div>
    <div class="chat-input">
      <input type="text" id="user-input" placeholder="请输入您的消息" />
      <button id="send-btn">发送</button>
    </div>
  </div>
  <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
  <script src="./index.js"></script>
</body>

</html>